<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>

    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }


		.ztree {height:200px; overflow:auto;}
        #map {
            width: 100%;
            height: 100%;
        }
        
        #viewChar {
		width: 100%;
		height: 100%;
		}
		
		#allmap {
		width: 100%;
		height: 400px;
		overflow: hidden;
		font-family:"微软雅黑";
		}
        
        #history_num_line { position: absolute; bottom: 1px; padding: 2px; float: left;left:0; display: inline; width: 365px; height: 232px;background-color: rgba(0,0,0,0.2); }
		#sex_pie { position: absolute; bottom: 1px; top: -660px; float: left;left:0;padding: 2px; display: inline; width: 365px; height: 230px;background-color: rgba(0,0,0,0.2); }
		#outer_num_bar { position: absolute; bottom: 1px; top: -450px; float: left;left:0;padding: 2px; display: inline; width: 365px; height: 225px;background-color: rgba(0,0,0,0.2); }
		#realtime_num_line { position: absolute; bottom: 1px; left:36%;padding: 2px; display: inline; width: 365px; height: 225px;background-color: rgba(0,0,0,0.2); }
		#native_num_line { position: absolute; bottom: 1px; top: -660px; float: right; right:0;padding: 2px; display: inline; width: 365px; height: 232px;background-color: rgba(0,0,0,0.2); }
		#age_pie { position: absolute; bottom: 1px; top: -435px; float: right; right:0;padding: 2px; display: inline; width: 365px; height: 225px;background-color: rgba(0,0,0,0.2); }
		#inner_num_bar { position: absolute; bottom: 1px; float: right; right:0;padding: 2px; display: inline; width: 365px; height: 225px;background-color: rgba(0,0,0,0.2); }
		#time { position: absolute; bottom: 1px; top: -660px;left:37%;padding: 2px; display: inline; width: 500px; height: 100px;color:red ;font-size:25px}
        .anchorBL{display:none;}
    </style>
</head>
<body>



 <div id="viewChar" class="ibox-content">
    <div id="map"></div>
    <!-- <div id="allmap"></div> -->
    <div style="position: relative;">
		<div id="sex_pie"></div>
		<div id="outer_num_bar"></div>
		<div id="history_num_line"></div>
		<div id="realtime_num_line"></div>
		<div id="native_num_line"></div>
		<div id="age_pie"></div>
		<div id="inner_num_bar"></div>
		<div id="time"></div>
	</div>
</div>
    <canvas id="canvas"></canvas> 
    
    <script src="${ctxPath}/static/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxPath}/static/js/common/ajax-object.js"></script>
    <script src="${ctxPath}/static/js/common/Feng.js"></script>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>
    <script src="${ctxPath}/static/modular/bigScreen/bigScreen/mapv.js"></script>
	<script src="${ctxPath}/static/modular/map/map/map.js"></script>
	<script src="${ctxPath}/static/modular/bigScreen/bigScreen/base.js"></script>
	
	<script src="${ctxPath}/static/js/echarts.js"></script>
	<script src="${ctxPath}/static/modular/bigScreen/bigScreen/map_echarts.js"></script>
	
	
	
</body>
</html>
